<template>
  <view class="box">
    <!-- 全部车源 -->
    <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <image
        @click="fanhui"
        class="image1"
        src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png"
      />
      <!-- #ifndef MP-WEIXIN -->
      门店车源
      <!-- #endif -->
      <!-- #ifdef MP-WEIXIN -->
      <text @click="fanhui" style="margin-left: 75rpx">门店车源</text>
      <!-- #endif -->
      <!-- <p class="p2" @click="guanLi">{{ text }}</p> -->
    </view>

    <view class="tabs">
      <view @click="tabChange(1)" class="tabs_item" :class="tabIndex == 1 ? 'active' : ''"
        >商家</view
      >
      <view @click="tabChange(2)" class="tabs_item" :class="tabIndex == 2 ? 'active' : ''"
        >车源</view
      >
    </view>
    <view class="sousuo_box" v-if="tabIndex == 2">
      <view class="sousuo">
        <input type="text" v-model="search" placeholder="请输入搜索内容" />
        <image src="https://pic.bangbangtongcheng.com/static/sousuo2.png" @click="searchList" />
        <!-- <view class="quxiao" v-if="!search" @click="back">取消</view> -->
        <!-- <view class="quxiao" @click="searchList">搜索</view> -->
      </view>
      <view class="sousuo_right">
        <view class="btn" @click.stop="showModal" data-target="DrawerModalR"> 筛选 </view>
        <view class="btn btn2" @click="guanLi">
          {{ width == 290 ? '确认申领' : '批量申领' }}
        </view>
      </view>
    </view>
    <!-- #ifdef H5 || APP-PLUS -->
    <scroll-view
      scroll-y
      :style="
        'height:calc( 100vh - ' +
        statusBarHeight +
        `px - 70rpx - 88rpx -  ${tabIndex == 2 ? '94rpx' : '0rpx'}  )`
      "
      @scrolltolower="down"
      refresher-background="#f5f5f5"
    >
    <!-- #endif -->
    <!-- #ifdef MP -->
    <scroll-view
      scroll-y
      :style="
        'height:calc( 100vh - ' +
        statusBarHeight +
        `px - 70rpx - 88rpx - 54rpx - ${tabIndex == 2 ? '94rpx' : '0rpx'} )`
      "
      @scrolltolower="down"
      refresher-background="#f5f5f5"
    >
      <!-- #endif -->
      <view
        class="list list1"
        :style="width == 290 ? 'padding-bottom:130rpx' : ''"
        v-if="tabIndex == 2"
      >
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item.id)">
          <radio
            v-if="width == 290"
            :disabled="item.isCopy == 1 || item.publisherId == userInfo.id"
            style="margin-right: 20rpx"
            :data-index="index"
            :checked="item.active"
            @click.stop="changeRadio(index, item)"
          ></radio>
          <view class="img_box">
            <image class="img4" mode="aspectFit" :src="item.vehicleCoverPicture" />
            <view class="state1" v-if="item.isCopy == '1'"> 已申领 </view>
          </view>
          <view class="li_2">
            <view class="vehicleRecom">
              <span class="tagLabel">{{ item.vehicleType == 1 ? '到店新车' : '二手车' }}</span>
              <text>{{ item.title }}</text>
              <!-- <span v-if="item.vehicleType==2">{{item.vehicleBrandModel.split('|')[0] + ' '}} {{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/"}} {{item.mileage<10000?item.mileage+"公里/":(item.mileage/10000).toFixed(1)+"万公里/"}} {{item.licensingTimeYear}}</span>
								<span v-else>{{item.vehicleBrandModel.split('|')[0]+ " "}} {{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/"}} {{item.model?item.model+'/':""}} {{item.bodyStructureDoors+"门"+item.bodyStructureSeat+"座"+item.bodyStructureVehicle+"车"}}</span> -->
            </view>
            <view class="price"> {{ item.price }}万 </view>
          </view>
        </view>
        <view v-if="Recommend.length == 0" class="none">
          <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
          <view>没有更多数据了</view>
        </view>
        <view class="down" v-show="Recommend.length != 0 && !downStatus"> 没有更多了 </view>
      </view>
      <view
        class="list list1"
        :style="width == 290 ? 'padding-bottom:130rpx' : ''"
        v-if="tabIndex == 1"
      >
        <view
          class="li"
          v-for="(item, index) in Recommend"
          :key="index"
          @click="details1(item.distributor.id)"
        >
          <radio
            v-if="width == 290 && opType == 1 && index != 0"
            style="margin-right: 20rpx"
            :data-index="index"
            :checked="item.active"
            @click.stop="changeRadio1"
          ></radio>
          <view class="radio" v-if="width == 290 && opType == 1 && index == 0"></view>
          <radio
            v-if="width == 290 && opType == 2"
            style="margin-right: 20rpx"
            :data-index="index"
            :checked="item.active"
            @click.stop="changeRadio2"
          ></radio>
          <view class="img_box">
            <image mode="aspectFit" class="img1" :src="item.distributor.storeCoverImage" />
            <image
              mode="aspectFit"
              v-if="item.isHeadOffice == 1 && isHard && userInfo.isShop == 1"
              class="mask"
              src="https://pic.bangbangtongcheng.com/static/shopstate.png"
            />
            <image
              mode="aspectFit"
              v-if="item.isHeadOffice == 1 && !isHard && userInfo.isShop == 1"
              class="mask"
              src="https://pic.bangbangtongcheng.com/static/hard_shop.png"
            />
            <image
              mode="aspectFit"
              v-if="
                item.distributor.id == userInfo.shopId &&
                !isHard &&
                userInfo.isShop == 1 &&
                Recommend.length != 1
              "
              class="mask"
              src="https://pic.bangbangtongcheng.com/static/my_shop.png"
            />
            <view class="state" v-if="item.status == '0' && userInfo.isShop == 1">
              等待对方同意
            </view>
            <view class="state fail" v-if="item.status == '2' && userInfo.isShop == 1">
              已拒绝
            </view>
            <view class="state fail1" v-if="item.status == '3' && userInfo.isShop == 1">
              已退出
            </view>
          </view>

          <view class="li_3">
            <view class="title">{{ item.distributor.storeName }}</view>
            <view class="content">
              {{ item.distributor.officeAddress.slice(6) }}
            </view>
            <view class="distance"> {{ item.distributor.distance }}km </view>
            <view class="bottom">
              <view
                style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                v-if="item.distributor.storeType == 1 || item.distributor.storeType == 2"
              >
                {{ item.distributor.vehicleShelvesNumber || 0 }}辆
              </view>
              <view
                style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                v-else
              >
                {{ item.distributor.serviceShelvesNumber || 0 }}项
              </view>
              <view class="item beautyDecoration">
                {{
                  item.distributor.storeType == 1
                    ? '4S店'
                    : item.distributor.storeType == 2
                    ? '汽贸店'
                    : item.distributor.storeType == 3
                    ? '美容装饰'
                    : '维修保养'
                }}</view
              >
            </view>
          </view>
        </view>
        <view v-if="Recommend.length == 0" class="none">
          <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
          <view>没有更多数据了</view>
        </view>
        <view class="down" v-show="Recommend.length != 0 && !downStatus"> 没有更多了 </view>
      </view>
    </scroll-view>
    <!-- <view class="bot" v-if="width == 290 && tabIndex == 2">
				<view class="bot_4" @click="claimsOptions">
					<text>申领</text>
				</view>
			</view> -->
    <view
      class="bottom_btn flex_center"
      @click="windowShow"
      v-if="tabIndex == 1 && opType == '' && !shopId && isHard && userInfo.isShop == 1"
    >
      管理
    </view>
    <view
      class="bottom_btn flex_center"
      @click="exit"
      v-if="
        tabIndex == 1 && opType == '' && !shopId && !isHard && !noneHard && userInfo.isShop == 1
      "
    >
      退出连锁
    </view>
    <view
      class="bottom_btn flex_center"
      @click="op(1)"
      v-if="
        tabIndex == 1 && opType == '' && noneHard && !chainMsg.distributor && userInfo.isShop == 1
      "
    >
      添加连锁店
    </view>
    <view class="bottom_btn_box" v-if="tabIndex == 1 && opType != ''">
      <view class="btn1" @click="cancel">退出管理</view>
      <view class="btn1 btn2" v-if="opType == 1" @click="del1">移除商家</view>
      <view class="btn1 btn2" v-if="opType == 2" @click="transference">转让管理权</view>
    </view>
    <uniBall></uniBall>
    <!-- <view class="hui" v-if="scrollTop>20" @click="totop">
			<image src="https://pic.bangbangtongcheng.com/static/top.png" />返回顶部
		</view> -->
    <view
      class="cu-modal drawer-modal justify-end"
      :class="modalName === 'DrawerModalR' ? 'show' : ''"
    >
      <scroll-view scroll-y="true" class="pop-scroll">
        <view
          class="tittit"
          v-if="!selectBrand && !selectSeries"
          :style="[
            {
              top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',
            },
          ]"
        >
          <view @click="hideModal()">×</view>筛选
        </view>
        <view
          class="cu-dialog basis-lg"
          v-if="!selectBrand && !selectSeries"
          @tap.stop
          :style="[
            {
              top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',
              height: 'calc(100vh - ' + CustomBar1 + 'px - 36px)',
            },
          ]"
        >
          <view class="cu-list menu text-left">
            <view style="height: 80rpx"> </view>
            <view class="choiceCarSeries" v-if="xzrangeData.length != 0">
              <view class="item" v-for="(i, j) in xzrangeData" :key="i.id">
                <span class="choiceCarSeriesName">{{ i.brandName }} {{ i.seriesName || '' }}</span>
                <span class="close" @click="qxchooseCars(i.id)">×</span>
              </view>
            </view>
            <view class="leibie">
              车源类别
              <span style="color: #999999">（请选择类别）</span>
              <view class="list">
                <view
                  @click.stop="type2Click(index)"
                  :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type2"
                  :key="index"
                  >{{ item.valueName }}</view
                >
              </view>
            </view>
            <view class="leibie">
              车辆类型
              <span style="color: #999999">（请选择类型）</span>
              <view class="list">
                <view
                  @click.stop="type4Click(index)"
                  :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type4"
                  :key="index"
                  >{{ item.valueName }}</view
                >
              </view>
            </view>
            <view class="quyu" v-if="cheType != '老年代步车' && cheType != '农用车'">
              品牌车系
              <view class="list">
                <view class="chooseCars" @click.stop="selectBrandChage"> 选择品牌车系 </view>
              </view>
            </view>
            <view class="mianji" v-if="cheType != '老年代步车' && cheType != '农用车'">
              变速箱
              <view class="list">
                <view class="radio" @click.stop="tabClickbs(1)">
                  <view class="radio_item" :class="bsChage == 1 ? 'radioxz' : ''"></view>
                  <span>自动</span>
                </view>
                <view class="radio" @click.stop="tabClickbs(2)">
                  <view class="radio_item" :class="bsChage == 2 ? 'radioxz' : ''"></view>
                  <span>手动</span>
                </view>
              </view>
            </view>
            <view class="mianji">
              价格
              <view class="list">
                <view
                  class="radio"
                  @click.stop="tabClickjg(i.valueName)"
                  v-for="(i, j) in type8"
                  :key="i.valueNum"
                >
                  <view
                    class="radio_item"
                    :class="type8index == i.valueName ? 'radioxz' : ''"
                  ></view>
                  <span>{{ i.valueName }}</span>
                </view>
              </view>
              <view class="customPrice">
                <span style="font-size: 28rpx; font-weight: 500; color: #333333; margin-right: 8rpx"
                  >自定义</span
                >
                <view class="minimumPrice">
                  <input class="input" v-model="referCarSourceData.minimumPrice" type="number" />
                </view>
                <span style="margin: 0 10rpx">-</span>
                <view class="ceilePrice">
                  <input
                    class="input"
                    v-model="referCarSourceData.highestPrice"
                    type="number"
                  /> </view
                ><span style="margin-left: 8rpx">万</span>
                <view class="confirm" @click="firmPrice()"> 确定 </view>
              </view>
            </view>
            <view class="mianji" v-if="cheType != '老年代步车' && cheType != '农用车'">
              车龄
              <view class="list">
                <view
                  class="radio"
                  @click.stop="tabClickcl(i.valueName)"
                  v-for="(i, j) in type9"
                  :key="i.valueNum"
                >
                  <view
                    class="radio_item"
                    :class="type9index == i.valueName ? 'radioxz' : ''"
                  ></view>
                  <span>{{ i.valueName }}</span>
                </view>
              </view>
            </view>
            <view
              class="mianji"
              v-if="type5index != '新能源' && cheType != '老年代步车' && cheType != '农用车'"
            >
              排量
              <view class="list">
                <view
                  class="radio"
                  @click.stop="tabClickpl(i.valueName)"
                  v-for="(i, j) in type10"
                  :key="i.valueNum"
                >
                  <view
                    class="radio_item"
                    :class="type10index == i.valueName ? 'radioxz' : ''"
                  ></view>
                  <span>{{ i.valueName }}</span>
                </view>
              </view>
            </view>
            <view class="mianji" v-if="cheType != '老年代步车' && cheType != '农用车'">
              里程
              <view class="list">
                <view
                  class="radio"
                  @click.stop="tabClicklc(i.valueName)"
                  v-for="(i, j) in type12"
                  :key="i.valueNum"
                >
                  <view
                    class="radio_item"
                    :class="type12index == i.valueName ? 'radioxz' : ''"
                  ></view>
                  <span>{{ i.valueName }}</span>
                </view>
              </view>
            </view>
            <view
              class="leibie"
              v-if="type5index != '新能源' && cheType != '老年代步车' && cheType != '农用车'"
            >
              排放标准
              <view class="list">
                <view
                  @click.stop="type6Click(index)"
                  :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type6"
                  :key="index"
                  >{{ item.valueName }}</view
                >
              </view>
            </view>
            <view class="mianji" v-if="cheType != '老年代步车' && cheType != '农用车'">
              燃油类型
              <view class="list">
                <view
                  class="radio"
                  @click.stop="tabClickry(i.valueName)"
                  v-for="(i, j) in type5"
                  :key="i.valueNum"
                >
                  <view
                    class="radio_item"
                    :class="type5index == i.valueName ? 'radioxz' : ''"
                  ></view>
                  <span>{{ i.valueName }}</span>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view
          class="tittit"
          v-if="selectBrand"
          :style="[{ top: 'calc(' + CustomBar1 + 'px' + ' + 36px )' }]"
        >
          <view @click.stop="selectBrandfh()">
            <image
              style="width: 40rpx; height: 40rpx"
              src="https://pic.bangbangtongcheng.com/8937350f727e4eeda6e97ab0d7398e65"
            ></image> </view
          >选择品牌
        </view>
        <view
          class="cu-dialog basis-lg"
          v-if="selectBrand"
          @tap.stop
          style="background-color: #fff"
          :style="[
            {
              top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',
              height: 'calc(100vh - ' + CustomBar1 + 'px - 36px)',
            },
          ]"
        >
          <view class="cu-list menu text-left" style="padding-bottom: 0">
            <view style="height: 40px"></view>
            <view class="buxian" @click.stop="selectSeriesChage()">不限品牌</view>
            <u-index-list :index-list="indexList" :customNavHeight="viewHight">
              <view v-for="(item, index) in brandArr" :key="index">
                <!-- #ifdef APP-NVUE -->
                <u-index-anchor :text="indexList[index]"></u-index-anchor>
                <!-- #endif -->
                <u-index-item>
                  <!-- #ifndef APP-NVUE -->
                  <u-index-anchor :text="indexList[index]"></u-index-anchor>
                  <!-- #endif -->
                  <view
                    class="list-cell"
                    v-for="(cell, indexs) in item"
                    :key="indexs"
                    @click.stop="selectSeriesChage(cell)"
                  >
                    <view class="list-cell-left">
                      <image class="list-cell-left-image" :src="cell.brandImage"></image>
                      <span class="list-cell-left-span">{{ cell.brandName }}</span>
                    </view>
                    <!-- <image class="list-cell-right"
											src="https://pic.bangbangtongcheng.com/static/bbcz/youjt.png" mode="">
										</image> -->
                  </view>
                </u-index-item>
              </view>
            </u-index-list>
          </view>
        </view>
        <view
          class="tittit"
          v-if="selectSeries"
          :style="[{ top: 'calc(' + CustomBar1 + 'px' + ' + 36px )' }]"
        >
          <view @click.stop="selectSeriesfh()">
            <image
              style="width: 40rpx; height: 40rpx"
              src="https://pic.bangbangtongcheng.com/8937350f727e4eeda6e97ab0d7398e65"
            ></image> </view
          >选择车系
        </view>
        <view
          class="cu-dialog basis-lg"
          v-if="selectSeries"
          @tap.stop
          :style="[
            {
              top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',
              height: 'calc(100vh - ' + CustomBar1 + 'px - 36px)',
            },
          ]"
        >
          <view class="cu-list menu text-left">
            <view style="height: 80rpx"></view>
            <view class="vehicleBrand">
              <image class="vehicleBrand_image" :src="xzchelxx.brandImage" mode=""></image>
              <span class="vehicleBrand_span">{{ xzchelxx.brandName }}</span>
            </view>
            <view class="vehicleBrand-xzcx"> 选择车系 </view>
            <view
              class="buxian"
              style="border-bottom: 1px solid #f0f0f0; padding-left: 40rpx"
              @click="chooseCars()"
              >不限车系</view
            >
            <view
              class="vehicleBrand_item"
              v-for="(i, j) in rangeData"
              :key="i.id"
              @click="chooseCars(i)"
            >
              <image class="vehicleBrand_item_image" :src="i.seriesImage" mode=""></image>
              <span class="vehicleBrand_item_span">{{ i.seriesName }}</span>
            </view>
          </view>
        </view>
        <view class="di">
          <view class="div l" @click.stop="cz">重置</view>
          <view class="div r" @click.stop="sx">确定</view>
        </view>
      </scroll-view>
    </view>
    <uni-popup ref="binds" class="popup" type="bottom" :isMaskClick="true">
      <view class="btn_box">
        <view class="button" @click="op(1)"> 添加连锁店 </view>
        <view class="button" @click="op(2)"> 移除商家 </view>
        <view class="button" @click="op(3)"> 转让管理权 </view>
      </view>
    </uni-popup>
    <uni-popup ref="bindsExit" mode="center">
      <view class="window">
        <view class="window_top">
          <view class="window_title"> 确认退出连锁？ </view>
          <view class="window_text">退出连锁，商家之间的车源将不再共享，确定解除连锁?</view>
        </view>
        <view class="window_btn_box">
          <view class="window_btn" @click="bindsExitClose">取消</view>
          <view class="window_btn window_btn1" @click="del2">确认</view>
        </view>
      </view>
    </uni-popup>
    <uni-popup ref="binds1" mode="center" @maskClick="reload">
      <view class="window1">
        <view class="window_top">
          <view class="window_text">申领成功！</view>
          <view class="window_text">申领车源请到我的发布进行管理</view>
        </view>
        <view class="window_btn_box">
          <view class="window_btn" @click="bindsClose">查看详情</view>
        </view>
      </view>
    </uni-popup>
    <view class="motaikuang motaikuang2" v-show="show2" @click="show2 = false">
      <div class="tips" @click.stop="aaa" v-if="chainMsg.distributor">
        <view class="window_text"
          >{{
            chainMsg.distributor.storeName
          }}邀请您加入连锁商家，加入后连锁商家的车源将互相共享，请谨慎选择</view
        >
        <view class="window_text">TA的留言：</view>
        <view class="text_widnow">{{ chainMsg.remarks }}</view>
        <view class="show" @click="showShop">查看已加入商家</view>
        <div class="btns">
          <div class="btn flex_center" @click="shopCancel(2)">拒绝</div>
          <div class="btn flex_center" @click="shopSuccess(2)">同意</div>
        </div>
      </div>
    </view>
  </view>
</template>
<script>
  import { mapGetters } from 'vuex'
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5
  //  #endif
  export default {
    data() {
      return {
        statusBarHeight,
        width: 366,
        text: '管理',
        TabCur: 0,
        list: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '到店新车',
          },
          {
            num: 3,
            name: '二手车',
          },
        ],
        type2: [
          {
            active: false,
            valueName: '到店新车',
            value: '2',
          },
          {
            active: false,
            valueName: '二手车',
            value: '3',
          },
        ],
        scrollLeft: 0,
        pageSize: 10,
        pageNo: 1,
        trigger: false,
        downStatus: true,
        upStatus: true,
        userInfo: uni.getStorageSync('Pduser'),
        imgUrl: this.$imgSrc,
        Recommend: [],
        activeData: [],
        vehicleType: '',
        tabIndex: 1,
        modalName: '',
        longitude: '',
        latitude: '',
        opType: '',
        types: '',
        isHard: false,
        CustomBar1: '',
        shopId: '',
        type4: [],
        type5: [],
        type5index: -1,
        type6: [],
        type8: [],
        type8index: -1,
        type9: [],
        type9index: -1,
        type10: [],
        type10index: -1,
        type12: [],
        type12index: -1,
        selectBrand: false,
        selectSeries: false,
        indexList: [],
        brandArr: [],
        // 选中的车辆信息
        xzchelxx: {},
        // 车系数据
        rangeData: [],
        // 选择的车系信息
        xzrangeData: [],
        // 查询车源
        referCarSourceData: {
          pageSize: 10,
          pageNo: 1,
          category: 0,
          vehicleClassification: '',
          vehicleBrandModel: '',
          transmissionCase: '',
          price: '',
          mileage: '',
          minimumPrice: '',
          vehicleAge: '',
          highestPrice: '',
          displacement: '',
          emissionStandard: '',
          fuelType: '',
        },
        cheType: '',
        bsChage: '',
        viewHight: '',
        show2: false,
        chainMsg: {},
        noneHard: false,
      }
    },
    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
    },
    onLoad(options) {
      if (options.type) {
        this.types = options.type
      }
      if (options.id) {
        this.shopId = options.id
      }
      this.getLocation()
      // if (uni.getStorageSync('locationState') == 1) {
      // } else {
      //   this.getFy()
      // }
      this.CustomBar1 = this.CustomBar
      this.getType()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
      let getWindowInfo = uni.getWindowInfo()
      const res = uni.getSystemInfoSync()
      if (res.platform == 'android') {
        this.viewHight = getWindowInfo.screenHeight - (this.CustomBar1 + 36 + 50)
      } else {
        this.viewHight = getWindowInfo.screenHeight - (this.CustomBar1 + 36 + 100)
      }
    },
    async onPullDownRefresh() {
      this.Recommend = []
      this.pageNo = 1
      this.downStatus = true
      if (this.upStatus) {
        this.trigger = true
        await this.getFy()
      }
    },
    filters: {
      nums(val) {
        return val.toFixed(2)
      },
    },
    onShow() {
      if (this.Recommend.length) {
        this.reload()
      }
      if (this.userInfo.isShop == 1) this.getShopMsg()
    },
    methods: {
      aaa() {},
      shopCancel(type) {
        let that = this
        if (type == 1) {
          this.$myRequest
            .post('/api/mobile/public/auditChainStores', {
              id: this.chainMsg.id,
              status: '2',
            })
            .then((res) => {
              this.show2 = false
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              setTimeout(() => {
                that.reload()
              }, 500)
            })
        } else {
          this.$myRequest
            .post('/api/mobile/public/auditChainStores', {
              id: this.chainMsg.id,
              status: '2',
            })
            .then((res) => {
              this.show2 = false
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              setTimeout(() => {
                that.reload()
              }, 500)
            })
        }
      },
      shopSuccess(type) {
        let that = this
        if (type == 1) {
          this.$myRequest
            .post('/api/mobile/public/auditChainStores', {
              id: this.chainMsg.id,
              status: '1',
            })
            .then((res) => {
              this.show2 = false
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              setTimeout(() => {
                that.reload()
              }, 500)
            })
        } else {
          this.$myRequest
            .post('/api/mobile/public/auditChainStores', {
              id: this.chainMsg.id,
              status: '1',
            })
            .then((res) => {
              this.show2 = false
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              setTimeout(() => {
                that.reload()
              }, 500)
            })
        }
      },
      showShop() {
        this.show2 = false
        uni.setStorageSync('chainMsg', this.chainMsg)
        uni.navigateTo({
          url: '/pages_my/allOptionsShow?type=none&id=' + this.chainMsg.distributor.id,
        })
      },
      getShopMsg() {
        this.$myRequest
          .get('/api/mobile/public/questionAddChain', {
            shopId: this.userInfo.shopId,
            bussType: '2',
          })
          .then((res) => {
            console.log(res)
            if (res.chainMsg.length != 0) {
              this.chainMsg = res.chainMsg[0]
              this.show2 = true
            }
          })
      },
      bindsClose() {
        this.$refs.binds1.close()
        uni.redirectTo({ url: '/pages_my/myIssue' })
      },
      transference() {
        let that = this
        let data = this.Recommend.filter((el) => {
          return el.active
        })
        // console.log(data);
        if (!data.length) {
          uni.showToast({
            title: '请选择商家',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.showModal({
          title: '',
          content: '确定转让管理权？',
          showCancel: true,
          success: (res) => {
            if (res.confirm) {
              that.$myRequest
                .post('/api/mobile/public/changeManage', {
                  id: String(this.activeData),
                })
                .then((res) => {
                  uni.showToast({
                    title: res.msg,
                    icon: 'none',
                    mask: true,
                  })
                  that.cancel()
                  that.isHard = false
                  setTimeout(() => {
                    that.reload()
                  }, 1000)
                })
            }
          },
        })
      },
      chooseCars(item) {
        if (!item) {
          this.xzrangeData.push(this.xzchelxx)
          this.selectSeries = false
          this.selectBrand = false
          return
        }
        item.brandName = this.xzchelxx.brandName
        this.xzrangeData.push(item)
        this.selectSeries = false
        this.selectBrand = false
      },
      qxchooseCars(id) {
        this.xzrangeData.forEach((v, j) => {
          if (v.id == id) {
            this.xzrangeData.splice(j, 1)
          }
        })
      },
      xuanzhong(num) {
        this.userType = num
        this.referCarSourceData.category = num
        this.Recommend = []
        this.referCarSourceData.pageNo = 1
        this.downStatus = true
        // this.getRecommend();
        this.cz()
      },
      firmPrice() {
        if (!this.referCarSourceData.minimumPrice) {
          uni.showToast({
            title: '最低价不能为空',
            icon: 'none',
            mask: true,
          })
          return
        }
        if (!this.referCarSourceData.highestPrice) {
          uni.showToast({
            title: '最高价不能为空',
            icon: 'none',
            mask: true,
          })
          return
        }
        if (
          Number(this.referCarSourceData.minimumPrice) >
          Number(this.referCarSourceData.highestPrice)
        ) {
          uni.showToast({
            title: '最低价不能高于最高价',
            icon: 'none',
            mask: true,
          })
          return
        }
        this.type8index = -1
        this.referCarSourceData.price = ''
      },
      tabClickjg(e) {
        this.type8index = e
        this.referCarSourceData.price = e
        this.referCarSourceData.minimumPrice = ''
        this.referCarSourceData.highestPrice = ''
      },
      // 获取车辆品牌信息
      brandInformation() {
        let that = this
        this.$myRequest
          .get('/api/mobile/vehicleOwner/queryVehicleBrandList', {
            vehicleClassification: this.cheType,
          })
          .then((res) => {
            let arr = res.vehicleBrandMapList
            let indexList = []
            for (let i in arr) {
              this.brandArr.push(arr[i])
              indexList.push(arr[i][0].initial)
            }
            this.indexList = indexList
          })
      },
      // 获取车系信息
      modelInformation(id) {
        let that = this
        this.$myRequest
          .get('/api/mobile/vehicleOwner/queryVehicleSeriesListByBrandId', {
            brandId: id,
          })
          .then((res) => {
            this.rangeData = res.vehicleSeriesList
          })
      },
      tabClickpl(e) {
        this.type10index = e
      },
      tabClicklc(e) {
        this.type12index = e
      },
      tabClickcl(e) {
        this.type9index = e
      },
      tabClickry(e) {
        this.type5index = e
        if (e == '新能源') {
          this.referCarSourceData.emissionStandard = ''
          this.referCarSourceData.fuelType = ''
          this.type10index = -1
          this.type6.forEach((el) => {
            el.active = false
          })
        }
      },
      selectBrandChage() {
        this.selectBrand = true
        this.brandArr = []
        this.brandInformation()
      },
      selectBrandfh() {
        this.selectBrand = false
      },
      selectSeriesChage(item) {
        if (!item) {
          this.selectBrandfh()
          return
        }
        this.selectSeries = true
        this.selectBrand = false
        this.xzchelxx = item
        this.modelInformation(item.id)
      },
      selectSeriesfh() {
        this.selectSeries = false
        this.selectBrand = true
      },
      type2Click(index) {
        let that = this
        this.type2.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type2[index1], 'active', !el.active)
          } else {
            that.type2[index1].active = false
          }
        })
      },
      op(type) {
        this.activeData = []
        if (type == 1) {
          this.$refs.binds.close()
          uni.navigateTo({
            url: '/pages_my/selectCzShop',
          })
        } else if (type == 2) {
          this.Recommend.forEach((el) => {
            el.active = false
          })
          this.width = 290
          this.opType = 1
          this.$refs.binds.close()
        } else if (type == 3) {
          this.Recommend.forEach((el) => {
            el.active = false
          })
          this.Recommend.splice(0, 1)
          let arr = this.Recommend.filter((el) => {
            return el.status == 1
          })
          this.Recommend = arr
          this.width = 290
          this.opType = 2
          this.$refs.binds.close()
        }
      },
      cancel() {
        this.width = 366
        this.opType = ''
        this.reload()
      },
      bindsExitClose() {
        this.$refs.bindsExit.close()
      },
      exit() {
        this.$refs.bindsExit.open()
      },
      windowShow() {
        this.$refs.binds.open()
      },
      showModal(e) {
        this.modalName = e.currentTarget.dataset.target
        uni.stopPullDownRefresh()
      },
      hideModal(e) {
        this.modalName = null
      },
      tabChange(index) {
        if (this.tabIndex == index) return
        this.width = 366
        this.modalName = ''
        this.tabIndex = index
        this.Recommend = []
        this.activeData = []
        this.pageNo = 1
        this.search = ''
        this.downStatus = true
        this.opType = ''
        this.getFy()
      },
      searchList() {
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.getFy()
      },
      guanLi() {
        if (this.text == '管理') {
          this.text = '取消'
          this.width = 290
          this.Recommend.forEach((el) => {
            el.active = false
          })
        } else {
          this.text = '管理'
          this.width = 366
          this.claimsOptions()
        }
      },
      // 申领车源
      claimsOptions() {
        // console.log(this.activeData)
        if (!this.activeData.length) {
          uni.showToast({
            title: '未选中车源',
            icon: 'none',
            mask: true,
          })
          return false
        }
        this.$myRequest
          .post('/api/mobile/vehicleOwner/vehicleApply', {
            userId: this.userInfo.id,
            ids: this.activeData.join(','),
            shopId: this.userInfo.shopId,
          })
          .then((res) => {
            this.text = '管理'
            this.width = 366
            // uni.showToast({
            // 	title: res.msg,
            // 	icon: "none",
            // 	mask: true
            // });

            this.$refs.binds1.open()
            this.activeData = []
            // setTimeout(()=>{
            // 	this.pageNo=1
            // 	this.Recommend=[]
            // 	this.getFy()
            // },1000)
          })
      },
      qxchooseCars(id) {
        this.xzrangeData.forEach((v, j) => {
          if (v.id == id) {
            this.xzrangeData.splice(j, 1)
          }
        })
      },
      tabSelect(e) {
        this.TabCur = e.currentTarget.dataset.id
        this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
        let num = e.currentTarget.dataset.id + 1
        if (num == 1) {
          this.vehicleType = ''
        } else if (num == 2) {
          this.vehicleType = 1
        } else if (num == 3) {
          this.vehicleType = 2
        }
        this.Recommend = []
        this.pageNo = 1
        this.upStatus = true
        this.trigger = false
        this.getFy()
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      changeRadio(index, item) {
        if (item.isCopy == 1 || item.publisherId == this.userInfo.id) return
        let that = this
        if (that.Recommend[index].active) {
          that.Recommend[index].active = !that.Recommend[index].active
          var index0 = this.activeData.findIndex((item) => {
            if (that.Recommend[index].id == item) {
              return true
            }
          })
          this.activeData.splice(index0, 1)
        } else {
          that.Recommend.forEach((el, index1) => {
            if (index1 == index) {
              that.Recommend[index1].active = !that.Recommend[index1].active
              that.activeData.push(that.Recommend[index1].id)
            } else {
            }
          })
        }
      },
      changeRadio1(e) {
        let that = this
        let index = e.currentTarget.dataset.index
        if (that.Recommend[index].active) {
          that.Recommend[index].active = !that.Recommend[index].active
          var index0 = this.activeData.findIndex((item) => {
            if (that.Recommend[index].id == item) {
              return true
            }
          })
          console.log(that.Recommend[index])
          this.activeData.splice(index0, 1)
        } else {
          that.Recommend.forEach((el, index1) => {
            if (index1 == index) {
              that.Recommend[index1].active = !that.Recommend[index1].active
              that.activeData.push(that.Recommend[index1].id)
            } else {
              // that.Recommend[index1].active = false;
            }
          })
        }
      },
      changeRadio2(e) {
        let that = this
        let index = e.currentTarget.dataset.index
        that.activeData = []
        that.Recommend.forEach((el) => {
          el.active = false
        })
        that.Recommend[index].active = true
        that.activeData.push(that.Recommend[index].id)
      },
      async getLocation() {
        this.getLocation1()
      },
      getLocation1() {
        let _this = this
        // uni.showLoading({
        // 	title: '加载中',
        // 	mask: false
        // })
        console.log('getLocation1')
        uni.getLocation({
          type: 'gcj02',

          // highAccuracyExpireTime: "3000",
          success(res) {
            console.log('111')
            _this.latitude = res.latitude
            _this.longitude = res.longitude
            _this.getFy()
          },
          fail:(res) => {
            console.log(res, '经纬度没有授权');
            this.$SHOWMODAL_TO_SETTINGS();
            uni.setStorageSync('locationState', 0)
            uni.hideLoading()
            if (uni.getStorageSync('locationState') == 0) {
              // uni.showModal({
              //   title: '提示',
              //   content: '您已关闭位置权限或获取位置信息失败',
              //   success: function (res) {
              //     if (res.confirm) {
              //       // plus.runtime.openURL("app-settings:");
              //       if (plus.os.name === 'iOS') {
              //         plus.runtime.openURL('app-settings://')
              //       } else {
              //         var Intent = plus.android.importClass('android.content.Intent')
              //         var Settings = plus.android.importClass('android.provider.Settings')
              //         var Uri = plus.android.importClass('android.net.Uri')
              //         var mainActivity = plus.android.runtimeMainActivity()
              //         var intent = new Intent()
              //         intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS)
              //         var uri = Uri.fromParts('package', mainActivity.getPackageName(), null)
              //         intent.setData(uri)
              //         mainActivity.startActivity(intent)
              //       }
              //     } else if (res.cancel) {
              //       console.log('用户点击取消')
              //     }
              //     _this.getFy()
              //   },
              // })
              return false
            }
          },
        })
      },
      del1() {
        let that = this
        let data = this.Recommend.filter((el) => {
          return el.active
        })
        // console.log(data);
        if (!data.length) {
          uni.showToast({
            title: '请选择商家',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.showModal({
          title: '',
          content: '确定取消商家连锁？',
          showCancel: true,
          success: (res) => {
            if (res.confirm) {
              that.$myRequest
                .post('/api/mobile/public/delChainStores', {
                  id: String(this.activeData),
                })
                .then((res) => {
                  uni.showToast({
                    title: res.msg,
                    icon: 'none',
                    mask: true,
                  })
                  that.cancel()
                  setTimeout(() => {
                    that.reload()
                  }, 1000)
                })
            }
          },
        })
      },
      del2() {
        let that = this
        let id = ''
        let arr = this.Recommend.filter((el) => {
          return el.distributor.id == this.userInfo.shopId
        })
        if (arr.length) {
          id = arr[0].id
        } else {
          return
        }
        this.bindsExitClose()
        that.$myRequest
          .post('/api/mobile/public/auditChainStores', {
            id,
            status: 3,
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.fanhui()
            }, 1000)
          })
      },
      tabClickbs(e) {
        this.bsChage = e
        if (e == 1) {
          this.referCarSourceData.transmissionCase = 1
        } else {
          this.referCarSourceData.transmissionCase = 2
        }
      },
      getFy() {
        let that = this
        this.activeData = []
        this.upStatus = false
        uni.showLoading({
          title: '加载中',
          mask: true,
        })
        if (this.tabIndex == 1) {
          this.$myRequest
            .get('/api/mobile/public/getchainStoresList', {
              pageSize: this.pageSize,
              pageNo: this.pageNo,
              shopId: this.shopId || this.userInfo.shopId,
              bussType: 2,
              longitude: this.longitude,
              latitude: this.latitude,
              joined: this.userInfo.isShop == 0 ? '1' : '',
            })
            .then((res) => {
              if (!res.chainStoresList.pageList.length) {
                that.downStatus = false
              }
              if (this.pageNo == 1) {
                res.chainStoresList.pageList.forEach((el) => {
                  if (el.isHeadOffice == 1 && el.distributor.id == this.userInfo.shopId) {
                    this.isHard = true
                  }
                })
              }
              this.upStatus = true
              this.trigger = false
              res.chainStoresList.pageList.forEach((el, index) => {
                el.active = false
              })
              this.Recommend = this.Recommend.concat(
                JSON.parse(JSON.stringify(res.chainStoresList.pageList))
              )
              let arr = this.Recommend.filter((el) => {
                return el.isHeadOffice == 1
              })
              if (arr.length == 0) {
                this.noneHard = true
              }
              // this.Recommend = this.Recommend.concat(JSON.parse(JSON.stringify(res.chainStoresList.pageList)));
              // this.Recommend = this.Recommend.concat(JSON.parse(JSON.stringify(res.chainStoresList.pageList)));
              // this.Recommend[0].distributor.id = 1
              // this.Recommend[1].distributor.id = 2
              // this.Recommend[2].distributor.id = 3
              // console.log(this.Recommend);
              this.hideModal()
              uni.stopPullDownRefresh()
              uni.hideLoading()
            })
            .finally(() => {
              uni.hideLoading()
            })
        } else {
          this.$myRequest
            .get('/api/mobile/vehicleOwner/getAllVehicleResources', {
              ...this.referCarSourceData,
              vehicleType: this.vehicleType,
              pageSize: this.pageSize,
              pageNo: this.pageNo,
              storeId: this.userInfo.shopId,
              searchKeyword: this.search,
              userId: this.userInfo.id,
              copyData: 0,
              upStatus: 1,
            })
            .then((res) => {
              if (!res.vehicleInformation.pageList.length) {
                that.downStatus = false
              }
              res.vehicleInformation.pageList.forEach((v) => {
                v.active = false
              })
              this.upStatus = true
              this.trigger = false
              this.Recommend = this.Recommend.concat(res.vehicleInformation.pageList)
              this.hideModal()
              uni.stopPullDownRefresh()
            })
            .finally(() => {
              uni.hideLoading()
            })
        }
      },
      cz() {
        this.type4.forEach((el) => {
          el.active = false
        })
        this.type5index = -1
        this.type6.forEach((el) => {
          el.active = false
        })
        this.type2.forEach((el) => {
          el.active = false
        })
        this.type10index = -1
        this.type12index = -1
        this.type9index = -1
        this.type8index = -1
        this.xzrangeData = []
        this.bsChage = ''
        ;(this.referCarSourceData = {
          pageSize: 10,
          pageNo: 1,
          vehicleClassification: '',
          vehicleBrandModel: '',
          transmissionCase: '',
          vehicleAge: '',
          price: '',
          mileage: '',
          minimumPrice: '',
          highestPrice: '',
          displacement: '',
          emissionStandard: '',
          fuelType: '',
        }),
          (this.vehicleType = '')
        this.referCarSourceData.category = this.userType
        this.Recommend = []
        this.downStatus = true
        // this.modalName = null;
        this.getFy()
      },
      sx() {
        let that = this
        let arr = []
        this.referCarSourceData.vehicleClassification = ''
        this.referCarSourceData.fuelType = ''
        this.referCarSourceData.emissionStandard = ''
        this.vehicleType = ''
        this.xzrangeData.forEach((v) => {
          if (v.seriesName) {
            let as = v.brandName + '|' + v.seriesName
            arr.push(as)
          } else {
            let as = v.brandName
            arr.push(as)
          }
        })
        this.referCarSourceData.vehicleBrandModel = arr.join(',')
        this.type4.forEach((el) => {
          if (el.active == true) {
            this.referCarSourceData.vehicleClassification = el.valueName
          }
        })
        this.type2.forEach((el) => {
          if (el.active == true) {
            if (el.value == 2) {
              this.vehicleType = 1
            } else if (el.value == 3) {
              this.vehicleType = 2
            }
          }
        })
        this.referCarSourceData.fuelType = this.type5index == -1 ? '' : this.type5index
        this.type6.forEach((el) => {
          if (el.active == true) {
            this.referCarSourceData.emissionStandard = el.valueName
          }
        })
        this.referCarSourceData.vehicleAge = this.type9index == -1 ? '' : this.type9index
        this.referCarSourceData.displacement = this.type10index == -1 ? '' : this.type10index
        this.referCarSourceData.mileage = this.type12index == -1 ? '' : this.type12index
        this.Recommend = []
        this.referCarSourceData.pageNo = 1
        this.downStatus = true
        this.modalName = null
        this.getFy()
      },
      type4Click(index) {
        let that = this
        this.type4.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type4[index1], 'active', !el.active)
            this.cheType = that.type4[index1].valueName
            this.brandInformation()
            if (
              that.type4[index1].valueName == '老年代步车' ||
              that.type4[index1].valueName == '农用车'
            ) {
              this.type5index = -1
              this.type12index = -1
              this.type8index = -1
              this.type6.forEach((el) => {
                el.active = false
              })
              this.type10index = -1
              this.type8index = -1
              this.type9index = -1
              this.type8index = -1
              this.xzrangeData = []
              this.bsChage = ''
              this.referCarSourceData.vehicleBrandModel = ''
              this.referCarSourceData.transmissionCase = ''
              this.referCarSourceData.displacement = ''
              this.referCarSourceData.emissionStandard = ''
              this.referCarSourceData.fuelType = ''
              this.referCarSourceData.price = ''
              this.referCarSourceData.mileage = ''
              this.referCarSourceData.vehicleAge = ''
            }
          } else {
            that.type4[index1].active = false
          }
        })
      },
      type6Click(index) {
        let that = this
        this.type6.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type6[index1], 'active', !el.active)
          } else {
            that.type6[index1].active = false
          }
        })
      },
      getType() {
        let that = this
        this.$myRequest
          .get('/api/mobile/vehicleOwner/queryDataDictionaryList', {
            type: '4,5,6,8,9,10,12',
          })
          .then((res) => {
            res.dataDictionaryList.forEach((el) => {
              el.active = false
              if (el.type == 4) {
                that.type4.push(el)
              } else if (el.type == 5) {
                that.type5.push(el)
              } else if (el.type == 6) {
                that.type6.push(el)
              } else if (el.type == 8) {
                that.type8.push(el)
              } else if (el.type == 9) {
                /* 客户需求，二手车筛选不需要新车选项 */
                if (el.valueName !== '新车') {
                  that.type9.push(el)
                }
              } else if (el.type == 10) {
                that.type10.push(el)
              } else if (el.type == 12) {
                that.type12.push(el)
              }
            })
          })
      },
      reload() {
        this.Recommend = []
        this.pageNo = 1
        this.text = '管理'
        this.width = 366
        this.upStatus = true
        this.trigger = false
        this.opType = ''
        this.getFy()
      },
      down() {
        if (this.downStatus) {
          this.pageNo++
          this.getFy()
        }
      },
      async up() {
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        if (this.upStatus) {
          this.trigger = true
          await this.getFy()
        }
      },
      details(id) {
        uni.navigateTo({
          url: '/pages_owner/index/vehicleDetails?id=' + id,
        })
      },
      details1(id) {
        uni.navigateTo({
          url: '/pages_owner/dealer/dealerDetails?id=' + id,
        })
      },
      fanhui() {
        uni.navigateBack({
          delta: 1,
        })
      },
    },
  }
</script>
<style lang="less" scoped>
  .tabs {
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.302);
    .tabs_item {
      width: 50%;
      height: 80rpx;
      line-height: 80rpx;
      text-align: center;
      font-size: 32rpx;
      color: #222;
      font-weight: 400;
    }
    .active {
      color: #64b6a8;
      font-weight: 500;
    }
  }
  .sousuo_box {
    display: flex;
    padding: 30rpx 30rpx 0;
    justify-content: space-between;
    .sousuo {
      position: relative;
      width: 323rpx;
      height: 64rpx;
      // margin-top: 30rpx;
      // margin-left: 30rpx;
      border: 2rpx solid #64b6a8;
      border-radius: 36rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 20rpx;
      margin-right: 30rpx;
      image {
        display: inline-block;
        width: 50rpx;
        height: 50rpx;
        // margin-left: 20rpx;
        // margin-top: 12rpx;
      }

      input {
        display: inline-block;
        width: 220rpx;
        height: 50rpx;
        line-height: 52rpx;
        // margin-top: 12rpx;
        vertical-align: top;
        font-size: 28rpx;
      }

      .quxiao {
        position: absolute;
        top: 4rpx;
        right: 4rpx;
        width: 120rpx;
        height: 60rpx;
        line-height: 60rpx;
        color: #fff;
        text-align: center;
        background: #64b6a8;
        border-radius: 30rpx;
      }
    }
    .sousuo_right {
      display: flex;
      .btn2 {
        width: 180rpx;
        text-align: center;
      }
    }
    .btn {
      padding: 0 34rpx;
      border-radius: 100rpx;
      background: #64b6a8;
      font-size: 28rpx;
      color: #fff;
      line-height: 64rpx;
      margin-right: 30rpx;
    }
    .btn:last-child {
      margin-right: 0;
    }
  }
  .box {
    width: 100%;
    background-color: #fff;
  }
  /deep/uni-radio:not([disabled]) .uni-radio-input:hover {
    border-color: #d1d1d1;
  }
  .tou {
    position: relative;
    width: 100%;
    text-align: center;
    /* #ifdef MP-WEIXIN */
    text-align: left;
    display: flex;
    align-items: center;
    /* #endif */
    line-height: 88rpx;
    font-size: 36rpx;
    color: #fff;
    background-color: #64b6a8;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      left: 30rpx;
    }

    .p2 {
      position: absolute;
      bottom: 0rpx !important;
      right: 30rpx;
      /* #ifdef MP-WEIXIN */
      position: initial;
      margin-left: auto;
      margin-right: 200rpx;
      bottom: 16rpx !important;
      /* #endif */
    }
  }

  .view {
    position: relative;
    font-size: 26rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }
  /deep/ uni-switch,
  uni-checkbox,
  uni-radio {
    display: flex;
    align-items: center;
  }
  /deep/uni-checkbox .uni-checkbox-input {
    background-color: rgba(0, 0, 0, 0);
    border: 2rpx solid #999;
  }

  /deep/uni-checkbox .wx-checkbox-input,
  /deep/uni-checkbox .uni-checkbox-input {
    width: 48rpx;
    height: 48rpx;
  }

  /deep/.uni-checkbox-input-checked {
    background-color: #64b6a8 !important;
    border: 2rpx solid #64b6a8 !important;
  }

  /deep/ uni-checkbox::before {
    font-size: 40rpx;
    margin-top: -14rpx;
    right: 6rpx !important;
  }
  .list1 {
    padding: 30rpx;
  }
  .list {
    // padding: 30rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 12rpx;
    }

    .li {
      // width: 96%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 2rpx solid #e0e0e0;
      display: flex;
      // justify-content: space-between;.radio{
      // align-items: center;
    }
    .li_3 {
      flex: 1;
      margin-left: 24rpx;
      .title {
        font-size: 28rpx;
        font-weight: 600;
        color: #333333;
        word-break: break-all;
        line-break: anywhere;
      }

      .content {
        font-size: 24rpx;
        font-weight: 400;
        color: #333333;
        margin-top: 28rpx;
      }

      .distance {
        font-size: 20rpx;
        font-weight: 500;
        color: #333333;
        text-align: right;
      }
      .bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .item {
          width: 120rpx;
          height: 40rpx;
          background: #ffffff;
          border-radius: 4rpx;
          font-size: 24rpx;
          font-weight: 400;
          text-align: center;
          line-height: 40rpx;
          margin-left: 12rpx;
        }

        .beautyDecoration {
          border: 1px solid #3ea3e2;
          color: #3ea3e2;
        }

        .complimentary {
          border: 1px solid #e0a00e;
          color: #e0a00e;
        }
      }
    }

    // .xian {
    // 	position: absolute;
    // 	height: 2rpx;
    // 	background-color: #e0e0e0;
    // 	bottom: 0;
    // 	right: 0;
    // }
    .img1 {
      width: 300rpx;
      height: 200rpx;
      border-radius: 16px 16px 16px 16px;
    }
    .img_box {
      width: 300rpx;
      height: 200rpx;
      position: relative;
      box-shadow: 0px 0px 6px 0px rgba(67, 67, 67, 0.102);
      border-radius: 16px 16px 16px 16px;
      .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: -4rpx;
      }
      .state {
        background: #f1a154;
        padding: 7rpx 10rpx;
        border-radius: 16rpx 0 16rpx 0;
        position: absolute;
        font-size: 20rpx;
        color: #fff;
        left: 0;
        top: 0;
      }
      .state1 {
        background: #64b6a8;
        padding: 7rpx 10rpx;
        border-radius: 16rpx 0 16rpx 0;
        position: absolute;
        font-size: 20rpx;
        color: #fff;
        left: 0;
        top: 0;
      }
      .fail {
        background: #e86565;
      }
      .fail1 {
        background: #999999;
      }
    }
    .img2 {
      position: absolute;
      width: 300rpx;
      height: 200rpx;
      border-radius: 16px 16px 16px 16px;
    }
    .img3 {
      position: absolute;
      width: 300rpx;
      height: 200rpx;
      border-radius: 16px 16px 16px 16px;
    }
    .radio {
      width: 52rpx;
      margin-right: 20rpx;
    }
    .li_1 {
      // flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 24rpx;
      .tit {
        width: 100%;
        font-size: 34rpx;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;
      }
      .neirong_1 {
        // width: 366rpx;
        font-size: 24rpx;
        color: #666666;
        display: flex;
        align-items: center;
        .price {
          color: red;
          font-size: 30rpx;
          font-weight: 600;
        }
        .neir_css {
          flex: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1; //想要的行数
          -webkit-box-orient: vertical;
        }
        .neir_css:nth-child(2n) {
          margin-left: 10rpx;
        }
        .neir_css:nth-child(2n-1) {
          margin-right: 10rpx;
        }
      }
      .neirong_6 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 40rpx;
        .neirong_left {
          display: flex;
          .nums {
            font-size: 28rpx;
            color: #e00000;
            padding-right: 20rpx;
          }
          .unit {
            font-size: 20rpx;
            color: #666666;
          }
        }
      }
      .neirong_right {
        font-size: 20rpx;
        color: #666666;
      }
    }
    .img4 {
      background-color: #f8f8f8;
      width: 300rpx;
      height: 200rpx;
      border-radius: 20rpx;
    }

    .li_2 {
      margin-left: 24rpx;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .vehicleRecom {
        font-size: 32rpx;
        font-weight: 600;
        color: #333333;
        line-height: 44rpx;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4; //想要的行数
        -webkit-box-orient: vertical;

        .tagLabel {
          vertical-align: top;
          background: #64b6a8;
          color: #fff;
          font-size: 24rpx;
          text-align: center;
          width: 106rpx;
          margin-right: 10rpx;
          padding: 4rpx 6rpx;
          border-radius: 4rpx;
        }
      }

      .price {
        font-size: 28rpx;
        font-weight: 600;
        color: #e00000;
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }
  .bot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    z-index: 9;

    view {
      display: inline-block;
      position: absolute;
    }

    .bot_1 {
      left: 42rpx;
      top: 38rpx;
    }

    .bot_2 {
      left: 196rpx;
      top: 38rpx;
    }

    .bot_3 {
      width: 200rpx;
      height: 70rpx;
      background: #ffffff;
      border: 2rpx solid #64b6a8;
      color: #64b6a8;
      line-height: 68rpx;
      left: 304rpx;
      top: 25rpx;
      text-indent: 56rpx;
      border-radius: 36rpx;

      picker {
        height: 100%;
        width: 100%;

        .picker {
          left: 0;
          height: 100%;
          width: 100%;
          text-align: left;
          display: flex;
          position: relative;
          justify-content: center;
          text-indent: 0px;
        }
      }
    }

    .bot_3::before {
      position: absolute;
      top: 28rpx;
      right: 20rpx;
      content: '';
      border-color: #fff #fff #64b6a8 #fff;
      border-style: solid;
      border-width: 0rpx 8rpx 14rpx 8rpx;
      height: 0;
      width: 0;
    }

    .bot_4 {
      width: 150rpx;
      height: 70rpx;
      background: #64b6a8;
      color: #ffffff;
      line-height: 68rpx;
      right: 50rpx;
      top: 25rpx;
      text-align: center;
      border-radius: 36rpx;

      picker {
        height: 100%;
        width: 100%;

        .picker {
          height: 100%;
          width: 100%;
          left: 0;
          text-align: left;
          display: flex;
          position: relative;
          justify-content: center;
          text-indent: 0px;
        }
      }
    }

    .bot_4::before {
      position: absolute;
      top: 28rpx;
      right: 20rpx;
      border-color: #64b6a8 #64b6a8 #fff #64b6a8;
      border-style: solid;
      border-width: 0rpx 8rpx 14rpx 8rpx;
      height: 0;
      width: 0;
    }
  }
  .bottom_btn {
    width: 670rpx;
    height: 80rpx;
    background: #64b6a8;
    border-radius: 49rpx 49rpx 49rpx 49rpx;
    opacity: 1;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(20rpx + constant(safe-area-inset-bottom));
    bottom: calc(20rpx + env(safe-area-inset-bottom));
    color: #fff;
    font-size: 34rpx;
  }
  .bottom_btn_box {
    width: 100%;
    bottom: calc(20rpx + constant(safe-area-inset-bottom));
    bottom: calc(20rpx + env(safe-area-inset-bottom));
    left: 0;
    position: fixed;
    display: flex;
    justify-content: space-between;
    padding: 0 30rpx;
    .btn1 {
      color: #64b6a8;
      font-size: 34rpx;
      height: 80rpx;
      width: 330rpx;
      border: 1rpx solid #64b6a8;
      border-radius: 49rpx 49rpx 49rpx 49rpx;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .btn2 {
      border: none;
      color: #fff;
      background: #64b6a8;
    }
  }
  .bottom_btn {
    width: 670rpx;
    height: 80rpx;
    background: #64b6a8;
    border-radius: 49rpx 49rpx 49rpx 49rpx;
    opacity: 1;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(20rpx + constant(safe-area-inset-bottom));
    bottom: calc(20rpx + env(safe-area-inset-bottom));
    color: #fff;
    font-size: 34rpx;
  }
  .bottom_btn_box {
    width: 100%;
    bottom: calc(20rpx + constant(safe-area-inset-bottom));
    bottom: calc(20rpx + env(safe-area-inset-bottom));
    left: 0;
    position: fixed;
    display: flex;
    justify-content: space-between;
    padding: 0 30rpx;
    .btn1 {
      color: #64b6a8;
      font-size: 34rpx;
      height: 80rpx;
      width: 330rpx;
      border: 1rpx solid #64b6a8;
      border-radius: 49rpx 49rpx 49rpx 49rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
    }
    .btn2 {
      border: none;
      color: #fff;
      background: #64b6a8;
    }
  }
  .hide {
    background: #b6b6b6;
  }
  .btn_box {
    background: #fff !important;
    padding: 40rpx 40rpx 80rpx !important;
    width: 100%;
    border-radius: 40rpx 40rpx 0 0;
  }
  .button {
    width: 100%;
    height: 80rpx;
    border-radius: 49px 49px 49px 49px;
    opacity: 1;
    border: 1rpx solid #999999;
    margin-bottom: 20rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
  }
  .tittit {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #f8f8f8;
    z-index: 9999;
    max-width: 100%;
    width: 600rpx;
    transition-duration: 0.3s;
    transform: translateX(100%);

    text-align: center;
    line-height: 80rpx;
    font-size: 30rpx;
    border-bottom: 2rpx solid #cccccc;

    view {
      position: absolute;
      top: 0rpx;
      left: 20rpx;
      color: #999999;
      font-size: 54rpx;
      font-weight: 100;
    }
  }
  .show .tittit {
    transform: translateX(0%);
  }
  .cu-list {
    padding-bottom: calc(98rpx + env(safe-area-inset-bottom) / 2);

    .buxian {
      height: 40px;
      display: flex;
      align-items: center;
      padding-left: 20rpx;
    }
    .tit {
      position: relative;
      width: 100%;
      height: 80rpx;
      text-align: center;
      line-height: 80rpx;
      font-size: 30rpx;
      border-bottom: 2rpx solid #cccccc;

      view {
        position: absolute;
        top: 0rpx;
        left: 20rpx;
        color: #999999;
        font-size: 54rpx;
        font-weight: 100;
      }
    }

    .quyu {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .chooseCars {
          width: 503rpx;
          height: 60rpx;
          background-color: #64b6a8;
          border-radius: 12rpx;
          border: 1px solid #64b6a8;
          text-align: center;
          line-height: 60rpx;
          color: #fff;
        }

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .choiceCarSeries {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      background-color: #f2f2f2;
      margin-top: 30rpx;
      padding: 20rpx 0;
      padding-left: 40rpx;
      padding-bottom: 0;
      .item {
        // width: 120rpx;
        padding: 10rpx 20rpx;
        // height: 50rpx;
        margin-bottom: 20rpx;
        border: 1px solid #333;
        font-size: 24rpx;
        line-height: 50rpx;
        margin-right: 20rpx;
        display: flex;
        align-items: center;

        .choiceCarSeriesName {
          max-width: 200rpx;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-right: 10rpx;
        }

        .close {
          font-size: 42rpx;
        }
      }
    }
    .leibie {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .quyu {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .jiage {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 214rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .mianji {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;
      margin-right: 50rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

        .radio {
          width: 50%;
          display: flex;
          align-items: center;
          margin-bottom: 24rpx;
          margin-right: 0;

          .radio_item {
            width: 36rpx;
            height: 36rpx;
            border: 1px solid #333;
            border-radius: 36rpx;
            margin-right: 14rpx;

            span {
              font-size: 28rpx;
              font-weight: 500;
              color: #333333;
            }
          }

          .radioxz {
            border: 1px solid #64b6a8;
            position: relative;
          }

          .radioxz::before {
            content: '';
            width: 24rpx;
            height: 24rpx;
            border-radius: 24rpx;
            background-color: #64b6a8;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }
        }
      }

      .customPrice {
        display: flex;
        align-items: center;

        .input {
          width: 88rpx;
          height: 40rpx;
          border-radius: 4rpx;
          border: 1px solid #333333;
          padding: 6rpx;
          color: #64b6a8;
          font-size: 24rpx;
        }

        .minimumPrice {
          position: relative;
        }

        .ceilePrice {
          position: relative;
        }

        .minimumPrice::after {
          content: '最低价';
          width: 100rpx;
          font-size: 22rpx;
          font-weight: 400;
          color: #999999;
          text-align: center;
          position: absolute;
          bottom: -34rpx;
          left: 50%;
          transform: translateX(-50%);
        }

        .ceilePrice::after {
          content: '最高价';
          width: 100rpx;
          font-size: 22rpx;
          font-weight: 400;
          color: #999999;
          text-align: center;
          position: absolute;
          bottom: -34rpx;
          left: 50%;
          transform: translateX(-50%);
        }

        .confirm {
          width: 120rpx;
          height: 58rpx;
          background-color: #64b6a8;
          border-radius: 4rpx;
          text-align: center;
          line-height: 58rpx;
          color: #fff;
          margin-left: 30rpx;
        }
      }
    }

    .loucen {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }
    .u-index-anchor {
      font-size: 32rpx;
      font-weight: 600;
      color: #333333;
      background-color: #f2f2f2 !important;
    }

    .list-cell {
      display: flex;
      box-sizing: border-box;
      width: 90%;
      padding: 10px 24rpx;
      overflow: hidden;
      color: #323233;
      font-size: 14px;
      line-height: 24px;
      background-color: #fff;
      justify-content: space-between;
      align-items: center;

      .list-cell-left {
        display: flex;
        align-items: center;

        .list-cell-left-image {
          width: 60rpx;
          height: 60rpx;
          margin-right: 17rpx;
        }
      }

      .list-cell-right {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .vehicleBrand {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100rpx;

      .vehicleBrand_image {
        width: 100rpx;
        height: 80rpx;
      }

      .vehicleBrand_span {
        font-size: 40rpx;
        font-weight: 400;
        color: #333333;
        margin-left: 5rpx;
      }
    }

    .choiceCarSeries {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      background-color: #f2f2f2;
      margin-top: 30rpx;
      padding: 20rpx 0;
      padding-left: 40rpx;
      padding-bottom: 0;
      .item {
        // width: 120rpx;
        padding: 10rpx 20rpx;
        // height: 50rpx;
        margin-bottom: 20rpx;
        border: 1px solid #333;
        font-size: 24rpx;
        line-height: 50rpx;
        margin-right: 20rpx;
        display: flex;
        align-items: center;

        .choiceCarSeriesName {
          max-width: 200rpx;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-right: 10rpx;
        }

        .close {
          font-size: 42rpx;
        }
      }
    }

    .vehicleBrand-xzcx {
      width: 100%;
      height: 50rpx;
      background-color: #f2f2f2;
      line-height: 50rpx;
      font-size: 32rpx;
      font-weight: 600;
      color: #333333;
      padding-left: 40rpx;
    }

    .vehicleBrand_item {
      display: flex;
      align-items: center;
      margin-bottom: 40rpx;

      .vehicleBrand_item_image {
        width: 142rpx;
        height: 75rpx;
        border-radius: 12rpx;
        margin-left: 50rpx;
      }

      .vehicleBrand_item_span {
        font-size: 30rpx;
        font-weight: 500;
        color: #6f6f6f;
        margin-left: 30rpx;
      }
    }
  }
  .di {
    position: absolute;
    transform: translateY(0rpx);
    width: 100%;
    bottom: 0;
    left: 75rpx;

    .div {
      padding-bottom: calc(env(safe-area-inset-bottom) / 2);
      height: calc(env(safe-area-inset-bottom) / 2 + 98rpx);
      display: inline-block;
      width: 300rpx;
      text-align: center;
      line-height: 98rpx;
      font-size: 30rpx;
    }

    .l {
      background: #e0e0e0;
    }

    .r {
      background: #64b6a8;
      color: #fff;
    }
  }
  .cu-dialog {
    max-width: 100%;
    width: 600rpx;
  }
  .pop-scroll {
    position: relative;
  }
  .basis-lg {
    flex-basis: 600rpx;
    overflow: auto;
  }
  .window {
    width: 600rpx;
    background: #fff;
    border-radius: 10rpx;
    padding-top: 32rpx;
    position: relative;
    overflow: hidden;
    .window_top {
      margin: 0 45rpx;
    }
    .window_title {
      color: #000000;
      font-size: 32rpx;
      line-height: 45rpx;
      text-align: center;
      margin-bottom: 30rpx;
      font-weight: bold;
    }
    .window_close {
      width: 40rpx;
      height: 40rpx;
      top: 20rpx;
      right: 20rpx;
      position: absolute;
    }
    .window_text {
      margin-bottom: 20rpx;
      font-size: 28rpx;
      line-height: 34rpx;
      color: #7f7f7f;
      text-align: center;
    }
    .text_widnow {
      padding: 16rpx;
      min-height: 160rpx;
      background: #f2f2f2;
      border-radius: 10rpx;
      opacity: 1;
      font-size: 24rpx;
      line-height: 34rpx;
      margin-bottom: 20rpx;
    }
    .show {
      text-align: right;
      font-size: 24rpx;
      color: #64b6a8;
      line-height: 34rpx;
      padding-bottom: 20rpx;
    }
    .window_btn_box {
      display: flex;
      .window_btn {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90rpx;
        background: #f2f2f2;
        font-size: 30rpx;
      }
      .window_btn1 {
        color: #fff;
        background: #64b6a8;
      }
    }
  }
  .window1 {
    width: 600rpx;
    background: #fff;
    border-radius: 10rpx;
    padding: 54rpx 60rpx;
    position: relative;
    overflow: hidden;
    .window_text {
      margin-bottom: 20rpx;
      font-size: 34rpx;
      line-height: 48rpx;
      color: #333;
      text-align: center;
    }
    .text_widnow {
      padding: 16rpx;
      min-height: 160rpx;
      background: #f2f2f2;
      border-radius: 10rpx;
      opacity: 1;
      font-size: 24rpx;
      line-height: 34rpx;
      margin-bottom: 20rpx;
    }
    .show {
      text-align: right;
      font-size: 24rpx;
      color: #64b6a8;
      line-height: 34rpx;
      padding-bottom: 20rpx;
    }
    .window_btn_box {
      display: flex;
      justify-content: center;
      .window_btn {
        // width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90rpx;
        background: #f2f2f2;
        font-size: 30rpx;
        width: 240rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        opacity: 1;
        color: #fff;
      }
      .window_btn1 {
        color: #fff;
        background: #64b6a8;
      }
    }
  }
  .motaikuang {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 20;

    .verify {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .motaikuang2 {
    .tips {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: #fff;
      left: 0;
      padding: 40rpx 30rpx 100rpx;
      border-radius: 50rpx 50rpx 0 0;
      box-sizing: border-box;
      .window_text {
        margin-bottom: 20rpx;
        font-size: 28rpx;
        color: #3d3d3d;
      }
      .text_widnow {
        padding: 16rpx;
        min-height: 160rpx;
        background: #f2f2f2;
        border-radius: 10rpx;
        opacity: 1;
        font-size: 24rpx;
        line-height: 34rpx;
        margin-bottom: 20rpx;
      }
      .show {
        text-align: right;
        font-size: 24rpx;
        color: #64b6a8;
        line-height: 34rpx;
        padding-bottom: 20rpx;
      }
      .text {
        margin-bottom: 48rpx;
      }
      .btns {
        display: flex;
        .btn {
          height: 90rpx;
          width: 50%;
          &:first-child {
            background: #f2f2f2;
            border-radius: 10rpx 0rpx 0rpx 10rpx;
          }
          &:last-child {
            background: #64b6a8;
            color: #fff;
            border-radius: 0rpx 10rpx 10rpx 0rpx;
          }
        }
      }
    }
    .tags {
      color: #64b6a8;
      display: inline-block;
    }
  }
</style>
